<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../img/com/logo.png">
    <title>P2P小贷</title>
    <link rel="stylesheet" href="../asserts/css/normalize.css">
    <!--<link rel="stylesheet" href="../css/style.css">-->
    <link rel="stylesheet" href="../css/pageCom.css">
    <style>
        body{
            /*font-size: ;*/
        }
        #test1{
            height: 30em;
            width: 30em;
            background-color: var(--themeBlue);
        }
        #test2{
            position: relative;
            font-size: 1.5em;
            margin-top: 1em;
            height: 10em;
            width: 10em;
            background-color: #11ef72;
        }
        #test3{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 5em;
            width: 5em;
            background-color: #efe500;
        }
        </style>
</head>
<body>
<div id="test1">test1文字
    <div id="test2">test2文字,font-size: 1.5em;
        <div id="test3">test3文字

        </div>
    </div>
</div>
</body>
</html>